html, body, .main-background { height: 100%; width: 100%; overflow: hidden; /* height: 1080px;width: 1920px;overflow: auto; */ }
* { box-sizing: border-box; }
blockquote, body, button, dd, div, dl, dt, form, h1, h2, h3, h4, h5, h6, input, li, ol, p, pre, td, textarea, th, ul { margin:0; padding:0; -webkit-tap-highlight-color:rgba(0, 0, 0, 0) }
a:active, a:hover { outline:0 }
img { border:none }
li { list-style:none }
table { border-collapse:collapse; border-spacing:0 }
h4, h5, h6 { font-size:100% }
body {
    line-height: 24px;
    font: 14px Helvetica Neue, Helvetica, PingFang SC, Tahoma, Arial, sans-serif;
}
img {
    vertical-align: middle;
}
/* 顶部 */
.main-header { width: 100%; height: 60px; background: url(../../images/new_index/heraderBac.jpg) left top; position: relative; }
/* logo */
.left-logo { height: 100%; padding-left: 1.041rem; font-size: 26px;
    line-height: 58px;
    color: #d2e3f7;
    font-weight: 600;
    letter-spacing: 4px;}
.left-logo span { vertical-align: middle; display: inline-block; width: 50px; height: 44px;  background: url(../../images/new_index/logo.png) left top no-repeat; background-size: 75% auto;}
.right-btn { position: absolute; right:70px; top: 0; height: 100%; }
.right-btn img { margin-left: 12px; }
/* 内容 */
.main-contentBox { width: 100%; height: calc(100% - 60px); padding: 1.041rem; background-color: #f1f2f2; }
.main-contentBox>div { float: left; vertical-align: middle; }
/* height: 100%;  */
.main-contentBox .content-leftBox { width: 30%; margin-right: 1.041rem; }
.main-contentBox .content-centerBox { width: calc(47% - 2.082rem); margin-right: 1.041rem; }
.main-contentBox .content-rightBox { width:23%; overflow: hidden; }
/* 每个模块背景 */
.main-contentBox .content-background { background-color: #fff; box-shadow: 3px 3px 2px #e8e6e6; border-radius: 3px; }
.main-contentBox .xye { box-shadow: 3px 3px 2px #e8e6e6; border-radius: 3px; }
.content-leftBox .leftBox-topContent { width: 100%; height: 21%; margin-bottom: 1.041rem; margin-top:18px; }
.content-leftBox .leftBox-bottomContent { width: 100%; height: calc(44.5% - 1.041rem); }
.content-centerBox .centerBox-topContent { width: 100%; height: 89.9%; margin-bottom: 1.041rem; }
.content-rightBox .backgj { width: 100%; margin-bottom: 1.041rem; }
.content-centerBox .centerBox-bottomContent { width: 100%; height: calc(35.9% - 1.041rem); }
.content-rightBox .content-rightBpom { width: 100%; height:89.9%; }
.content-rightBox .rightBox-content { height: 100%; }
/* 每个卡片的*/
.card-title {  width: 100%; height: 2.5rem; line-height: 2.5rem; text-indent: 1.041rem; font-size: .95rem; font-weight: 700; color: #1a79d1; border-bottom: 1px solid #e1e9ed; position:relative;}
/* .card-title .right_app{ position:absolute; right:.5rem; top:.5rem; width:32px; height:28px; background:url(../../images/new_index/app.png) no-repeat center; z-index:22;}
.card-title .right_app:hover{ background:url(../../images/new_index/apph.png) no-repeat center;}
.right_app .erweima{ display:none;}
.right_app:hover .erweima{ display:block; position:absolute; top:22px; right:.3rem; width:130px; height: auto; padding:15px;}
.right_app:hover .erweima .neima{ width:130px; height: auto; border:1px solid #ccc; padding:10px; background-color:#fff;}
.right_app:hover .erweima .neima p{width:110px; height:110px; margin:0 auto; background:url(../../images/new_index/er.png) no-repeat center;}
.right_app:hover .erweima .neima span{ display:block; margin:0 auto; width:100%; text-align:center; height: auto; font-size:.5rem; line-height:.8rem; text-indent:-2px; padding:0px; padding-top:.4rem;} */
.card-content { position: relative; padding: 0.4rem 1.197rem 0.4rem; width: 100%; height: calc(100% - 2.5rem); }
.card-content.top{ padding-top: 1.4rem;}
.card-content.cnter{padding: 0.8rem;}
/* 待办事项 */
.switch-box { width: 100%; height: 5.208rem; color: #333333; }
.switch-box li { float: left; width: 50%; }
.switch-item:last-child { margin-right: 0; }
 .switch-item:nth-child(1) {
}
 .switch-item:nth-child(2) {
}
 .switch-item:nth-child(3) {
}
.switch-item .switch-imgText, .switch-numberText { float: left; height: 100%; }
.switch-item .switch-imgText { width: 100%; text-align: center; margin:4px 0px 20px 0px; }
.switch-item .switch-imgText img { width:200px; height:66px; }
.switch-item .switch-imgText span { display: block; text-align: center; font-size: 12px; }
.switch-imgText:hover span { color: #24a2f1; }
.switch-imgText>span { float: left; margin-top:-40px; margin-left:100px; }
.switch-item .switch-numberText { width: 40%; font-size: 18px; line-height: 5.208rem; }
.switch-contentBox { position: relative; width: 100%; height: calc(100% - 5.208rem); }
/*七块内容 */
.main-contentBox .content-leftBotu { width: 76%; /* float:left; */
	/* margin-top: -20%; */
	height: 10%; padding: 10px 1.041rem 20px 1.041rem; position: absolute; bottom: 0px; left: 0px; overflow: hidden; }
.main-contentBox { position:relative; min-height: 520px; min-width: 1000px;}
.main-contentBox div.fot_btn_box { width: 76%; /* float:left; */
	/* margin-top: -20%; */
	height: 10%; padding: 0rem 0.52rem 1.041rem 1.041rem; position: absolute; bottom: 0px; left: 0px; overflow: hidden; }
.fot_btn { width:auto; margin:0 -0.52rem; height:100%; }
.fot_btn .div_fen { float:left; width:25%; padding:0px 0.52rem; margin:0px; height:100%; text-align:center; }
.fot_btn .div_fen p { cursor: pointer; background-color: #FFF; border-right: 1px solid #eee; border-radius: 3px; width:100%; height:100%; display:block; line-height:100%; color:#1a79d1; position: relative; }
.fot_btn .div_fen p span { font-size: .85rem; position:absolute; left:0; width:100%; text-align:center; top:50%; z-index:2; height:auto; -webkit-transform: translate(0%, -50%); -moz-transform: translate(0%, -50%); transform:translate(0%, -50%); line-height:1; }
.fot_btn .div_fen p:hover {  color: #007dfe; }
.content-rightBox .backgj.right { width: 100%; height: 8.5%; margin-top: -0.4rem; }
.main-contentBox .content-back { background-color: #FFF; box-shadow: 3px 3px 2px #e8e6e6; border-radius: 3px; }
.main-contentBox .content-back_1 { background-color: #FFF; box-shadow: 3px 3px 2px #e8e6e6; border-radius: 3px; }
.main-contentBox .content-back_2 { background-color: #FFF; box-shadow: 3px 3px 2px #e8e6e6; border-radius: 3px; }
.main-contentBox .content-back_3 { background-color: #FFF; box-shadow: 3px 3px 2px #e8e6e6; border-radius: 3px; }
.main-contentBox .content-back_4 { background-color: #FFF; box-shadow: 3px 3px 2px #e8e6e6; border-radius: 3px; }
.main-contentBox .content-back_5 { background-color: #FFF; box-shadow: 3px 3px 2px #e8e6e6; border-radius: 3px; }
.main-contentBox .content-back_6 { background-color: #FFF; box-shadow: 3px 3px 2px #e8e6e6; border-radius: 3px; }
.leftBox-top { width: 12%; height:100%; float:left; }
.leftBox-top_1 { width: 13.1%; height:100%; float:left; margin-left:1.041rem; }
/* 切换项内容 */
.switch-content { position: absolute; bottom: 0; left: 0; width: 100%; height: calc(100% - 15px); border: 1px solid #c4e8f9; }
 .switch-content::before {
 content: "";
 position: absolute;
 width: 0;
 top: -12px;
 left: 13%;
 height: 0;
 border-bottom: 12px solid #c4e8f9;
 border-right: 12px solid transparent;
 border-left: 12px solid transparent;
}
 .switch-content::after {
 content: "";
 border-left: 12px solid transparent;
 border-right: 12px solid transparent;
 border-bottom: 12px solid #fff;
 position: absolute;
 left: 13%;
 top: -10px;
}
/* 切换项的内容列表 */
.list-dataBox { width: 100%; height: 100%; padding: 1.145rem 0.833rem 0; }
.list-dataContent { font-size: 0.8rem; color: #515253; height: 14%; }
.list-dataContent:last-child { margin-bottom: 0; }
.list-dataTitle { width: 100%; font-size: 0.9rem; font-weight: 700; }
.list-dataContent span { display: inline-block; vertical-align: middle; }
 .list-dataContent span:nth-of-type(1) {
 width: 60%;
}
 .list-dataContent span:nth-of-type(2) {
 width: 20%;
}
 .list-dataContent span:nth-of-type(3) {
 width: 15%;
 text-align: right;
}
/* 常用功能 */
.content-listBox { width: 100%; height: 100%; }
.content-listBox .content-listItem { float: left; position: relative; width: 33%; height: 50%; text-align: center; }
.content-listBox .content-listItem:hover{cursor: pointer;}
.red-circle { position: absolute; top: 4.5%; right: 35.55%; width: 0.6rem; height: 0.6rem; border-radius: 50%; z-index: 1; background: #f7022f; }
.content-listItem img { display: block; margin: auto; }
.content-listItem span { display: block; margin: auto; color:#333333;  font-size: .85rem;}
.content-listItem:hover span { color: #24a2f1; }
.wordMenu-listItem span { width: 123px; font-size: 13px; text-align: center; color:#333333; }
.wordMenu-listItem:hover span { color: #24a2f1; }
.content-listItem img { width: 40%; margin-top: 4%; margin-bottom: 8%; }
.content-listItem_t img { display: block; margin: auto; }
.content-listItem_t span { display: block; margin: auto; color:#333333; }
.content-listItem_t:hover span { color: #24a2f1; }
.wordMenu-listItem_t span { width: 100px; font-size: 12px; text-align: center; color:#333333; padding:10px 0px 0px 0px; }
.wordMenu-listItem_t:hover span { color: #24a2f1; }
.content-listItem_t img { width: 40%; margin-top: 11%; margin-bottom: 8%; }
/* 右边的工作台 */
.wordMenu-listBox { width: 100%; height: 100%; }
.wordMenu-listBox .wordMenu-listItem { cursor: pointer;   overflow: hidden; float: left; width: 50%; height: 16.667%; text-align: center; border-bottom: 1px solid #e5e5e5; position: relative;}
 .wordMenu-listBox .wordMenu-listItem:nth-of-type(2n-1) {
 border-right: 1px solid #e5e5e5;
}
.wordMenu-listBox .wordMenu-listItem:last-child { border: none; }
 .wordMenu-listBox .wordMenu-listItem:nth-last-child(2) {
 border: none;
}
.wordMenu-listBox .wordMenu-listItem .menu-box { position: absolute; left: 50%; top: 50%;  -webkit-transform: translate(-50%,-50%);  -moz-transform: translate(-50%,-50%); transform:translate(-50%,-50%); width:auto; height: auto;}
.wordMenu-listBox .wordMenu-listItem img { width: 42%; margin:0 auto; height: 50%;}
.wordMenu-listBox .wordMenu-listItem span { display: inline-block; width: 100%; height: 20px; white-space: nowrap; font-size: .85rem;}

.rightImg-circle { position: relative; }
.rightImg-circle::after {
 content: "";
 position: absolute;
 width: 0.6rem;
 height: 0.6rem;
 background: red;
 border-radius:100%; line-height:0.5rem;
 top: 0%;
 left: 28%;
}
.wordMenu-listBox .wordMenu-listItem:hover{ background-color:#EEFAFF;}
/* 中间下面的政策中心 */
.left-tab { float: left; height: 100%; }
.left-tab>li { display: inline-block; position: relative; text-align: center; width: auto; margin-right: 10px; padding:0 4px; text-indent: 0; cursor: pointer;/* font-size: 0.885rem; */ }
.left-tab li span { display: inline-block; position: relative; width: 100%; color: #989898; text-indent: 0; }
.number-text { position: absolute; top: 0; right: -0.9rem; width: 1.5rem; height: 1.5rem; background: #f64c3b; border-radius: 50px; text-align: center; line-height: 1.6rem; font-size: 0.75rem; color: #fff; text-indent: 0; transform: scale(0.74); }
.left-tab .selected-item span { color: #25a2f1; }
 .selected-item::after {
 content: "";
 position: absolute;
 width: 100%;
 bottom: -0.156rem;
 left: 0;
 height: 0.156rem;
 background: #fc6725;
}
 .selected-item::before {
 content: "";
 position: absolute;
 width: 0;
 bottom: -0.156rem;
 left: 38%;
 height: 0;
 border-bottom: 0.525rem solid #fc6725;
 border-right: 0.525rem solid transparent;
 border-left: 0.525rem solid transparent;
}
#con .nr { display: none; }
#con .nr.current { display: block; height:100%; }
/* 中间上面内容 */
.centerBox-topContent { position: relative; }
/* 中间左边的内容 */
.left-contentTitle { font-size: 15px; color: #1a79d0; font-weight: 700; }
.leftTop { font-size:13px; font-family:Microsoft YaHei; }
.rightBottom { position: absolute; bottom: 8px; right: 50px; width: 100%; text-align: right; font-weight: 700; font-size: 19px; }
.left-contentList { height: calc(100% - 1.4rem); }
/* 中间右边的内容 */
.right-contentTitle {
font-size:.5rem; height: 1.6rem; line-height: 1.5rem; border-bottom: 1px solid red; margin-top: 2%; font-family:Microsoft YaHei; }
.right-contentTitle .title-item { display: inline-block; text-align: center; }
.right-contentTitle .title-item:nth-of-type(1) {
 width: 28%;
 color: #6c8793;
}
.right-contentTitle .title-item:nth-of-type(2) {
 width: 33%;
 color: #65cff4;
}
.right-contentTitle .title-item:nth-of-type(3) {
 width: 35%;
 color: #4cc6ce;
}
.right-contentText { font-size:13px; font-family:Microsoft YaHei; }
.right-contentText li { margin-top:2.8%; padding: 3px 4px; border-radius: 50px; background: #fbfbfb; text-align: center; }
.right-contentText li span { display: inline-block; }
.right-contentText li span:nth-of-type(1) {
 width: 28%;
 color: #6c8793;
}
.right-contentText li span:nth-of-type(2) {
width: 33%;
 color: #65cff4;
}
.right-contentText li span:nth-of-type(3) {
 width: 35%;
 color: #4cc6ce;
}
.center-listData { position: relative; height: 28%; padding: 8px 10px; margin-top: 6%; background: url(../../images/new_index/BK02.png) no-repeat left top; background-size: 80% 100%; }
.centerBox-topContent .left-contentBox { position: absolute; top: 2%; width: 24%; left: 1.406rem; height: 60%; }
.centerBox-topContent .right-contentBox { position: absolute; top: 1.4rem; right: 1.406rem; width: 30%; }
.bottom-contentBox { position: absolute; bottom: 1.5rem; height: 12%; width: 100%; }
.itemNumber { font-size: 1.3rem; color: #fd6922; font-weight: 700; height: 2rem;
    padding-top: .3rem;
    line-height: 1;}
.itemNumber span { font-weight: 400; font-size: 0.9rem; color: #999; }
.itemText { font-size:.8rem; color: #333; line-height:1.5rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
/* 中间下面内容 */
.centerBox-bottomContent .center-bottomBox { width: 100%; height: 100%; line-height:33px; font-family:Microsoft YaHei; color:#333333; }
.center-bottomBox>li { height: 20%; position: relative; display:block; }
.center-bottomBox>li>div { display: inline-block; vertical-align: middle; font-size: 15px; }
.center-bottomBox>li .bottomBox-img { width: 0.929rem; margin-top:-2px; background: url(../../images/new_index/file.png) no-repeat left  center; height: 1rem; background-size: 80% auto;}
.center-bottomBox>li .bottomBox-time { position: absolute; right: 0px; }
.bottom-contentItem { display: inline-block; height: 100%; width: 25%; padding: 5px 10px; border-right: 0px solid #eee;  background: url(../../images/new_index/indexl.png) no-repeat right center; background-size: 1px 100%; text-align: center; }
.bottom-contentItem:last-child { border: none; background: none; }
.top_zong{width:100%; height:33.333%; padding-bottom:0.5rem ; padding-top:1.3rem; position: relative;}
.top_zong .topline_h{ position: absolute; top:0.6rem; left: 1.5rem; right:1.5rem; height: 1px;     border-bottom: 1px #dee7eb dashed; z-index: 2;}
.top_zong .biaoth{ z-index: 8; position: absolute; top:-4px; left: 1.5rem; display: inline-block; padding:0.2rem 0; height: 1rem; 
    background-color: #fff; font-size:0.9rem; color: #1a79d1; line-height: 1.2rem; font-weight: 600;}
.top_zong.cent .biaoth{ font-size: 0.85rem; color: #979fa4;}
.top_zong.cent .itemNumber{color: #06b945;}
.top_zong.fot .biaoth{ font-size: 0.85rem; color: #979fa4;}
.top_zong.fot .itemNumber{color: #dca815;}
.top_zong.fot{padding-bottom:0; height:calc(32% - 1rem);}
.top_zong.top{ height:calc(32% - 0.5rem); padding-top: 0px;}
.top_zong.cent{height:calc(36% - 1.5rem);}
.right-more { float: right; height: 100%; color: #24a2f1; font-size: 0.781rem; margin-right: 13px; }
.content-centerBox .centerBox-topContent { position:relative; }
.centerBox-topContent .right-contentBox { position: absolute; top: 2%;  right: .5rem;
width: 260px; z-index: 99; height:98%; padding-bottom:90px; padding-top:30px; }
.right-contentText { height:100%; width:100%; }
.right-contentTitle { position: absolute; top:35px; width:100%; height:auto; z-index:88; }
.left-contentTitle { position:absolute; top:10px; width:100%; height:30px; }
.right-contentText li { height:7.8%; display:block; margin-top:0.5333%; }
.right-contentText li span { display: inline-block; text-align: center; height:100%; line-height:18px; float: left; }
.left-contentList { padding-top:30px; }
@media screen and (max-width:1360px) {
.centerBox-topContent .right-contentBox {
padding-bottom:90px;
padding-top:50px;
}
.right-contentText li span {
 display: inline-block;
 text-align: center;
height:100%;
line-height:14px;
}

}
.left-map { width:100%; height:100%; position:absolute; z-index:0; padding-right:0px; padding-bottom:8rem; padding-left:.5rem;
padding-top:.5rem;
}
.left-map .neibox { height:100%; }
.map_right_echart { width:100%; height:100%; }
.card-content .nr { height:100%; }
/* 切换项 */
.tab-select { position: absolute; bottom: 0.5rem; left: 46%; }
.tab-select .no-select { display: inline-block; width: 0.52rem; height: 0.52rem; background-color: #248fff; border-radius: 50%; margin-right: 1.04rem; cursor: pointer; }
.tab-select .select-tab { width: 1.56rem; border-radius: 1.04rem; }
/* 提示框 */
.mapToolip-title { height: 0.93rem; line-height: 0.93rem; font-size: 0.78rem; text-indent: 0.2rem; background-color: #00CCFF; }
.mapToolip-title .span { float: right; margin-right: 0.2rem; }


.main-contentBox>div.right_fot{ position:absolute; right:1.041rem; bottom:1.041rem;  width: calc(25% - 2.082rem - 0.4rem); z-index:88; height: calc(10% - 1.041rem);  box-shadow: 3px 3px 2px #e8e6e6;
    border-radius: 3px; background:#59c8f3 url(../../images/new_index/BANNER01.jpg) no-repeat right center; background-size: 100% auto;}
input::-webkit-input-placeholder { /* WebKit browsers */ 
color: #fff; 
} 
 input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ 
color: #fff; 
} 
input::-moz-placeholder { /* Mozilla Firefox 19+ */ 
color: #fff; 
} 
input:-ms-input-placeholder { /* Internet Explorer 10+ */ 
color: #fff; 
} 
a.huanfu{ position:absolute; right:.6rem; top:.8rem; z-index:99; width:28px; height:28px; background:url(../../images/new_index/huf.png) no-repeat center; background-size: 90% auto;}
a.huanfu:hover{ cursor:pointer;}
/*右侧上方用户操作*/
.setfot { position: absolute; right: 5px; top: 12px; width: 47px; height: 40px; z-index:66; }
.setfot span { position: relative; width:40px; height: 50px; background: url(../../images/set.png) no-repeat left top; display: block; }
.setfot span:hover { cursor: pointer; background-position: left -59px; width:48px;}
.setfot span .setdiv { display: none; }
.setfot span:hover .setdiv { display: block; position: absolute; right: 5px; top: 47px; height: auto; width: 100px; z-index: 33; background:rgba(43, 157, 242, 0.7); border-radius: 0px 0px 6px 6px; }
.setdiv a { display: block; width: 86%; height: 30px; margin: 2px auto; text-align: center; color: #fff; border-bottom: 1px solid #4ca3f6; line-height: 30px; }
.setdiv a:hover { color: #52f8f9; }
.setdiv a:last-child { border-bottom: 0px; }
.banben{position: absolute; right: 55px; top: 12px; width: 40px; height: 40px; z-index:66; text-align: center; }
.banben i{ font-size: 26px; line-height: 40px; color: #01a7f2;}
.bangzhu{position: absolute; right: 100px; top: 12px; width: 40px; height: 40px; z-index:66; text-align: center; }
.bangzhu i{ font-size:26px; line-height: 40px; color: #01a7f2;}
.bangzhu:hover i,.banben:hover i{ color: #00CCFF; cursor: pointer;}
input.searchbox {
    border-radius: 4px;
    height: 32px;
    width: 220px;
    padding-left: 20px;
    padding-right: 36px;
    background: #0017d500;
    color: #ffffff;
    -webkit-box-shadow: inset none;
    box-shadow: inset none;
}
input.searchbox:focus { background-color: rgba(49, 69, 247, 0.507); border: 1px #248fff solid; color: #fff;}
.conter_top{ width: 100%; height:90%; padding-bottom: 1.04rem;}
.conter_top .left_box{ float: left; width: 30%; margin-right: 1.04rem; height: 100%;}
  .left_box .top_nav_box{ width: 100%; height:calc(56% - 2.08rem); margin-bottom: 1.04rem;}
  .left_box .center_nav_box{width: 100%; height: 22%; margin-bottom: 1.04rem;}
  .left_box .fot_nav_box{width: 100%; height: 22%;}
.conter_top .center_box{ float: left;  width: calc(47% - 2.082rem);  margin-right: 1.041rem; height: 100%; position: relative;}
.center_box .topmk{ width: 100%; height:20.532rem; margin-bottom: 1.041rem;}
.center_box .topmk_one{ width: 100%; height:4rem; margin-bottom: 1.041rem; padding: 1.041rem;}
.center_box .topmk_two{ width: 100%; height:4rem; margin-bottom: 1.041rem; padding: 1.041rem;}
.center_box .fotmk{ width: 100%; height:  calc(100% - 21.573rem);; margin-bottom: 1.041rem; padding: 1.041rem;}
.conter_top .right_box{ float: right; width: 23%; height: 100%;}
.conter_fot{ width: 100%; height: 10%;}
.box_bj {
    background-color: #fff;
    box-shadow: 3px 3px 2px #e8e6e6;
    border-radius: 3px;
}

.switch_item ul, .switch_item{ width: 100%; height: 100%; padding: 0px; margin: 0px; display:block;}
.switch_item ul li{ cursor: pointer; width: 50%;color: #333333; padding: .5rem; height: 100%; text-align: left; float: left; position: relative;}
.switch_item ul li span{  font-size: .85rem; height: 20px; position: absolute; left:50%; top: 50%; -webkit-transform: translate(-50%,-50%);  -moz-transform: translate(-50%,-50%); transform:translate(-50%,-50%); padding-left:5rem; width: 100%; }
.switch_item ul li.four span,
.switch_item ul li.three span{ bottom: 0px; top: auto; text-align: center; padding-left:0rem; }
.switch_item ul li.one{background:url(../../images/new_index/ytr.png) no-repeat 1rem center; background-size: 80% auto; }
.switch_item ul li.one:hover{background:url(../../images/new_index/ytr_1.png) no-repeat 1rem center; background-size: 80% auto;}
.switch_item ul li.two{background:url(../../images/new_index/yut.png) no-repeat 1rem center; background-size: 80% auto; }
.switch_item ul li.two:hover{background:url(../../images/new_index/yut_1.png) no-repeat 1rem center; background-size: 80% auto;}
.switch_item ul li.three{background:url(../../images/new_index/icon9.png) no-repeat top center; background-size: 42% auto;}
.switch_item ul li.four{background:url(../../images/new_index/icon11.png) no-repeat top center; background-size: 42% auto; }
.switch_item ul li:hover{ color: #007dfe;}
.switch_item ul li.five{padding:0; padding-right: 0.4rem; width: 38%;}
.switch_item ul li.six{padding:0; padding-left: 0.4rem; width: 38%;}
.switch_item ul li.five.seven{padding:0; padding-left: 0.8rem; width: 24%;}
.switch_item ul li p{ color: #fff; text-align: center; height: 100%; position: relative;}
.switch_item ul li p u{ position: absolute; z-index: 3; right: 0px; bottom: 0px; width: 100%; height: 100%;}
.switch_item ul li p em{ font-style: normal; font-size:1.1rem; width: 100%; position: absolute; z-index: 4; left:0; top: 50%; line-height: 20px; display: inline-block;  -webkit-transform: translate(0,-50%);  -moz-transform: translate(0,-50%); transform:translate(0,-50%);}
.switch_item ul li.five p{ width: 100%; height: 100%; border-radius: 4px;
    background-image:  -webkit-linear-gradient(to top, #2ECEFE, #23B2F8);
    background-image: -o-linear-gradient(to top, #2ECEFE, #23B2F8);
    background-image: -moz-linear-gradient(to top, #2ECEFE, #23B2F8);
    background-image: linear-gradient(to top, #2ECEFE, #23B2F8);
}
.switch_item ul li.six p{ width: 100%; height: 100%; border-radius: 4px;
    background-image:  -webkit-linear-gradient(to top, #F3A224,#FFC926);
    background-image: -o-linear-gradient(to top, #F3A224,#FFC926);
    background-image: -moz-linear-gradient(to top, #F3A224,#FFC926); 
    background-image: linear-gradient(to top, #F3A224,#FFC926); }
    
.switch_item ul li.five.seven p{ width: 100%; height: 100%; border-radius: 4px;
    background-image:  -webkit-linear-gradient(to top, #25C998,#6be4c0);
    background-image: -o-linear-gradient(to top, #25C998,#6be4c0);
    background-image: -moz-linear-gradient(to top, #25C998,#6be4c0); 
    background-image: linear-gradient(to top, #25C998,#6be4c0); }

.switch_item ul li.five p:hover{ width: 100%; height: 100%; border-radius: 4px; background:-webkit-linear-gradient(top, #01C1FA,#0EACF8); 
    background-image:  -webkit-linear-gradient(to top, #01C1FA, #0EACF8);
    background-image: -o-linear-gradient(to top, #01C1FA, #0EACF8);
    background-image: -moz-linear-gradient(to top, #01C1FA, #0EACF8);
    background-image: linear-gradient(to top, #01C1FA, #0EACF8);}
.switch_item ul li.six p:hover{ width: 100%; height: 100%; border-radius: 4px;
    background-image:  -webkit-linear-gradient(to top, #F2970D,#FFC926);
    background-image: -o-linear-gradient(to top, #F2970D,#FFC926);
    background-image: -moz-linear-gradient(to top, #F2970D,#FFC926); 
    background-image: linear-gradient(to top, #F2970D,#FFC926);}

.switch_item ul li.five.seven p:hover{ width: 100%; height: 100%; border-radius: 4px;
    background-image:  -webkit-linear-gradient(to top, #62E1BB,#25C998);
    background-image: -o-linear-gradient(to top, #62E1BB,#25C998);
    background-image: -moz-linear-gradient(to top, #62E1BB,#25C998); 
    background-image: linear-gradient(to top, #62E1BB,#25C998); }

.switch_item ul li.five p u{background:url(../../images/new_index/zk.png) no-repeat right bottom; background-size: auto 100%;}
.switch_item ul li.six p u{background:url(../../images/new_index/tj.png) no-repeat right bottom; background-size: auto 100%;}
.switch_item ul li.five.seven p u{background:url(../../images/new_index/nj.png) no-repeat right bottom; background-size: auto 100%;}
@media screen and (max-width:2560px) {
    .wordMenu-listBox .wordMenu-listItem img {
        width: 50%;
    }  
    .content-listItem span {
        font-size: 1.2rem;
    }
    .wordMenu-listBox .wordMenu-listItem span {
        height: 30px;
        font-size: 1.2rem;
    }
    .switch_item ul li span {
        font-size: 1.2rem;
    }
    .switch_item ul li span {
        font-size: 1.2rem;
        height: 30px;
        padding-left: 6.8rem;
    }
    .switch_item ul li.three span,.switch_item ul li.four span {
        height: 40px;
    }
    .fot_btn .div_fen p span { font-size: 1.2rem;}
    .switch_item ul li p em{ font-size: 1.2rem;}
}
@media screen and (max-width:1920px) {
    .wordMenu-listBox .wordMenu-listItem img {
        width: 42%;
    }  
    .content-listItem span {
        font-size: 0.85rem;
    }
    .wordMenu-listBox .wordMenu-listItem span {
        height: 20px;
        font-size: 0.85rem;
    }
    .switch_item ul li span {
        font-size: 0.85rem;
        padding-left: 5rem;
    }
    .switch_item ul li span {
        font-size: 0.85rem;
        height: 20px;}
   .fot_btn .div_fen p span{ font-size: 0.85rem;}
   .switch_item ul li.three span,.switch_item ul li.four span {
    height: 20px;
  }
  .switch_item ul li p em{ font-size: 0.95rem;}
}
@media screen and (max-width:1600px) {
    .card-content.top{ padding-top: 0.9rem;}
    .switch_item ul li.one{background:url(../../images/new_index/ytr.png) no-repeat 1rem center; background-size: 85% auto; }
    .switch_item ul li.one:hover{background:url(../../images/new_index/ytr_1.png) no-repeat 1rem center; background-size: 85% auto;}
    .switch_item ul li span{ padding-left: 4rem;}
    .switch_item ul li.three{background:url(../../images/new_index/icon9.png) no-repeat left bottom; background-size: 40% auto; }
    .switch_item ul li.four{background:url(../../images/new_index/icon11.png) no-repeat left bottom; background-size: 40% auto; }
    .switch_item ul li span{ padding-left: 4rem;}
    .switch_item ul li.four span,
    .switch_item ul li.three span{ bottom:auto; top: 50%; text-align: left;  padding-left:4rem;}
    }
@media screen and (max-width:1366px) {
    .card-content.top{ padding-top: 0.4rem;}
    .switch_item ul li.one{background:url(../../images/new_index/ytr.png) no-repeat 0.5rem center; background-size: 75% auto; }
    .switch_item ul li.one:hover{background:url(../../images/new_index/ytr_1.png) no-repeat 0.5rem center; background-size:75% auto;}
    .switch_item ul li.two{background:url(../../images/new_index/yut.png) no-repeat 0.5rem center; background-size: 75% auto; }
    .switch_item ul li.two:hover{background:url(../../images/new_index/yut_1.png) no-repeat 0.5rem center; background-size:75% auto;}
    .switch_item ul li.three{background:url(../../images/new_index/icon9.png) no-repeat left bottom; background-size: 40% auto; }
    .switch_item ul li.four{background:url(../../images/new_index/icon11.png) no-repeat left bottom; background-size: 40% auto; }
    .switch_item ul li span{ padding-left: 4rem;}
    .switch_item ul li.four span,
    .switch_item ul li.three span{ bottom:auto; top: 50%; text-align: left;  padding-left:5rem;}
    .switch_item ul li p em{ font-size: 0.9rem;}
    }
    .biao{  width: 100%; height: 1rem;
        line-height: 1rem;
        font-size: .95rem;
        font-weight: 700;
        color: #1a79d1;
      position: relative; 
    }
    .more{ position: absolute; right:0px; top: -6px; text-align: right; line-height: 30px; color: #666; cursor: pointer;  z-index: 2; font-size: 16px; font-weight: 400;}
    .more:hover{color: #248fff;}
    .beib{ width: 100%; height: calc(100% - 1.5rem); overflow-y:auto; margin-top: 0.5rem;}
    .timeLine {margin: 10px auto 0;overflow: hidden;position: relative}
        .timeLine li {background: url(../../images/back1.png) repeat-y 92px 0; padding-top: 8px; padding-bottom:8px;zoom: 1;display: flex; border-bottom: 1px #00aacc1a dashed;}
        
        .timeLine li:after {content:" ";display: block;height: 0;clear: both;visibility: hidden;}
        .timeLine li:last-child { border-bottom: 0px;}
        .timeLine li p {background:url(../../images/icon1.jpg) no-repeat right 0;display:inline-block;width:100px;font-size:0.9rem;text-align:right;padding-right:24px;color:#146ec3;}
        .timeLine li p span {display: block;color: #4e4848;font-size: .8rem;}
        .timeLine li .con {width: calc(100% - 110px);display:inline-block;padding-left: 20px;}
        .timeLine li .con img{max-width: 100%;}
        .con a i{ padding: 0 6px; font-size: 1rem;}

        /* .on  */
        .timeLine li.on{background: url(../../images/back2.png) repeat-y 179px 0;}
        .timeLine li.on p {background:url(../../images/icon2.jpg) no-repeat 172px 0;color: #1db702;}
        .timeLine li.on p span {color: #a8dda3;}

        /* .on 下面的li  */
        .timeLine li.on ~ li{background: url(../../images/back3.png) repeat-y 179px 0;}
        .timeLine li.on ~ li p {background:url(../../images/icon3.jpg) no-repeat 172px 0;color: #c3c3c3;}
        .timeLine li.on ~ li p span {color: #d0d0d0;}
    @media screen and (max-width:1366px) {
        .timeLine li {background: url(../../images/back1.png) repeat-y 92px 0;padding-bottom: 20px;}
        .timeLine li p {background:url(../../images/icon1.jpg) no-repeat right 0;width:100px;font-size:1rem;}
        .timeLine li p span {font-size: .9rem;}
        .timeLine li .con {width: calc(100% - 100px);display:inline-block;padding-left: 20px;}
        .con a i{ padding: 0 6px; font-size: 0.9rem;}
    }
 .new_cont{ font-size: 0.9rem; list-style: 1.5rem;}
 .app_bj{background:url(../../images/app/app_one.png) no-repeat center; background-size: auto;}
 .app_side{background: #fff url(../../images/app/app_line.png) no-repeat left center; padding:10px; padding-left: 20px;}
 .app_card{ width:160px; height:auto; margin: 12px auto 0px;}
 .app_img{ width: 124px; height: 124px; margin: 4px auto; }
 .erweima{background:url(../../images/app/erweima.png) no-repeat center; }
 .data{background:url(../../images/app/data.png) no-repeat center; }
 .app_text{ height: 30px; line-height: 30px; color: #666; font-size: 14px; text-align: center; width: 100%; margin: 0 auto;}
 .app_carousel{ width: 735px; margin: 50px auto 0; height: 355px;}
 .app_carousel .el-carousel__item{width: 735px; height: 355px; padding:0px; margin: 0px; }
 
 .app_leftcard{ position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%);  -moz-transform: translate(-50%,-50%); transform:translate(-50%,-50%); z-index: 6; width:735px; height:auto;}
 .el-carousel__item h3 {
    color:#ccc;
    font-size: 14px;
    opacity: 0;
    line-height: 355px;
    margin: 0;
  }

  /* .el-carousel__item:nth-child(2n) {
    background:url(../../images/app/app_one.png) no-repeat center;
  }
  
  .el-carousel__item:nth-child(2n+1) {
    
    background:url(../../images/app/app_two.png) no-repeat center;
  } */
  .carousel_image_type{ width: 735px; height:355px;}
.app_data_h{ width: 100%; height: 30px; text-align: center; font-size: 18px; line-height: 24px; background:url(../../images/app/ycltop.png) no-repeat center bottom; color: #2255EC;}
.data_h1{width:100%; border-left:1px solid #ddd;border-right:1px solid #ddd; position: absolute; z-index: 1; height: 22px; bottom: 0px; left: 0px;}
.app_boder{ border: 1px solid #ddd; border-top: 0px; padding:12px; }
.danwei_h{  position: absolute; top: 18px; z-index: 8;line-height: 20px;color: #666; font-size: 16px;}
.left_dw{left: 20px;}
.right_dw{right: 80px;}
.wordMenu-listBox .wordMenu-listItem .menu-box.hasnew::after{
    position: absolute; color: #fff; font-size: 10px;
    width: 46px; display: block;
    height: 14px;
    background: #24a2f1;
    border-radius: 6px;
    line-height: 14px;
    top: -0.1rem; left: 50%; margin-left:0.5rem ; padding: 0 2px;
}

.menu-box.hasnew.sy::after{
    content: "试用版";
}
.menu-box.hasnew.ys::after{
    content: "演示版";
}
